<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="mironcoder">
<meta name="email" content="mironcoder@gmail.com">
<meta name="template" content="Organe">
<meta name="title" content="Organe - Organic Food HTML Template">
<meta name="keywords" content="organe, organic, food, shop, ecommerce, store, html, agriculture, vegetable, organic food, organic product, organic farm, organic life, organic shop, food store">
<title>Organe - Wishlist</title>
<link rel="icon" href="images/favicon.png">
<link rel="stylesheet" href="fonts/flaticon/flaticon.css">
<link rel="stylesheet" href="fonts/icofont/icofont.min.css">
<link rel="stylesheet" href="css/vendor/nice-select.min.css">
<link rel="stylesheet" href="https://www.jq22.com/jquery/jquery-ui-1.11.0.css">
<link rel="stylesheet" href="css/vendor/venobox.min.css">
<link rel="stylesheet" href="css/vendor/slick.min.css">
<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-5.0.0.css">
<link rel="stylesheet" href="css/custom/main.css">
<link rel="stylesheet" href="css/custom/wishlist.css">
</head>
<body>
<section class="header-top">
  <div class="container"><!-- container是bootstrap预定义样式 -->
    <div class="row">
      <div class="col-md-12 col-lg-5">
        <div class="header-top-welcome">
          <p>欢迎来到网上生鲜商城!</p>
        </div>
      </div>
      <div class="col-md-5 col-lg-3">
        <div class="header-top-select">
          <div class="header-select"><i class="icofont-world"></i>
            <select class="select">
              <option value="Chinese" selected>简体中文</option>
              <option value="english">english</option>
            </select>
          </div>
          <div class="header-select"><i class="icofont-money"></i>
            <select class="select">
              <option value="Chinese" selected>人民币</option>
              <option value="english" >doller</option>
            </select>
          </div>
        </div>
      </div>
      <div class="col-md-7 col-lg-4">
        <ul class="header-top-list">
          <li><a href="offer.html">打折</a></li>
          <li><a href="faq.html">需要帮助</a></li>
          <li><a href="contact.html">联系我们</a></li>
        </ul>
      </div>
    </div>
  </div>
</section>
<section class="header-part">
  <div class="container-fluid">
    <div class="header-content-group">
      <div class="header-widget-group left">
        <button class="header-widget header-user" href="#" title="我的账户"><img src="images/user.png" alt="user"></button>
        <a class="header-logo" href="index.html"><img src="images/logo.png" alt="logo"></a>
        <button class="header-widget header-src" title="搜索栏"><i class="icofont-ui-search"></i></button>
        <button class="header-widget header-cate" title="分类栏"><i class="icofont-align-left"></i><span>分类栏</span></button>
      </div>
      <form class="header-form">
        <input type="text" placeholder="搜索想要的商品吧">
        <button><i class="icofont-ui-search"></i></button>
      </form>
      <div class="header-widget-group right"><a class="header-widget" href="login.html" title="我的账户"><img src="images/user.png" alt="user"><span>点击登录</span></a><a class="header-widget" href="#" title="商品清单"><i class="icofont-ui-rotation"></i><sup>0</sup></a><a class="header-widget" href="wishlist.html" title="心愿单"><i class="icofont-ui-love"></i><sup>0</sup></a>
        <button class="header-widget header-cart" title="购物车"><i class="icofont-shopping-cart"></i><span>00.00</span><sup>9+</sup></button>
      </div>
    </div>
  </div>
</section>
<nav class="navbar-part">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="navbar-content">
          <ul class="navbar-list">
            <li class="navbar-item dropdown"><a class="navbar-link dropdown-arrow" href="#">首页</a>
              <ul class="dropdown-position-list">
                <li><a href="index.html">首页</a></li>
                <li><a href="#">经典布局</a></li>
                <li><a href="#">栅格布局</a></li>
                <li><a href="#">仓库</a></li>
              </ul>
            </li>
            <li class="navbar-item dropdown"><a class="navbar-link dropdown-arrow" href="#">店铺</a>
              <ul class="dropdown-position-list">
                <li><a href="#">商铺注册</a></li>
                <li><a href="#">入驻标准</a></li>
              </ul>
            </li>
            <li class="navbar-item dropdown-megamenu"><a class="navbar-link dropdown-arrow" href="#">分类</a>
              <div class="megamenu">
                <div class="container">
                  <div class="row row-cols-5">
                    <div class="col">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">蔬菜</h5>
                        <ul class="megamenu-list">
                          <li><a href="#">胡萝卜</a></li>
                          <li><a href="#">白菜</a></li>
                          <li><a href="#">上海青</a></li>
                          <li><a href="#">西蓝花</a></li>
                          <li><a href="#">土豆</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="col">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">水果</h5>
                        <ul class="megamenu-list">
                          <li><a href="#">苹果</a></li>
                          <li><a href="#">梨子</a></li>
                          <li><a href="#">香蕉</a></li>
                          <li><a href="#">草莓</a></li>
                          <li><a href="#">西瓜</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="col">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">乳制品</h5>
                        <ul class="megamenu-list">
                          <li><a href="#">黄油</a></li>
                          <li><a href="#">芝士</a></li>
                          <li><a href="#">牛奶</a></li>
                          <li><a href="#">鸡蛋</a></li>
                          <li><a href="#">奶酪</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="col">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">海鲜</h5>
                        <ul class="megamenu-list">
                          <li><a href="#">龙虾</a></li>
                          <li><a href="#">螃蟹</a></li>
                          <li><a href="#">鲍鱼</a></li>
                          <li><a href="#">海参</a></li>
                          <li><a href="#">贝类</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="col">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">低热量食品</h5>
                        <ul class="megamenu-list">
                          <li><a href="#">鲑鱼</a></li>
                          <li><a href="#">三文鱼</a></li>
                          <li><a href="#">沙拉</a></li>
                          <li><a href="#">番茄</a></li>
                          <li><a href="#">燕麦</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="col">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">快餐</h5>
                        <ul class="megamenu-list">
                          <li><a href="#">汉堡</a></li>
                          <li><a href="#">奶昔</a></li>
                          <li><a href="#">三明治</a></li>
                          <li><a href="#">甜甜圈</a></li>
                          <li><a href="#">披萨</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="col">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">饮料</h5>
                        <ul class="megamenu-list">
                          <li><a href="#">鸡尾酒</a></li>
                          <li><a href="#">苏打饮料</a></li>
                          <li><a href="#">香槟</a></li>
                          <li><a href="#">白酒</a></li>
                          <li><a href="#">元气森林</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="col">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">肉类</h5>
                        <ul class="megamenu-list">
                          <li><a href="#">肉丸子</a></li>
                          <li><a href="#">香肠</a></li>
                          <li><a href="#">家禽</a></li>
                          <li><a href="#">鸡肉</a></li>
                          <li><a href="#">牛肉</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="col">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">鱼类</h5>
                        <ul class="megamenu-list">
                          <li><a href="#">沙丁鱼</a></li>
                          <li><a href="#">草鱼</a></li>
                          <li><a href="#">鲫鱼</a></li>
                          <li><a href="#">石斑鱼</a></li>
                          <li><a href="#">黄鳝</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="col">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">干粮</h5>
                        <ul class="megamenu-list">
                          <li><a href="#">面条</a></li>
                          <li><a href="#">奶粉</a></li>
                          <li><a href="#">坚果</a></li>
                          <li><a href="#">杏仁</a></li>
                          <li><a href="#">花生</a></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="navbar-item dropdown-megamenu"><a class="navbar-link dropdown-arrow" href="#">其他</a>
              <div class="megamenu">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-3">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">平台相关</h5>
                        <ul class="megamenu-list">
                          <li><a href="#">简介</a></li>
                          <li><a href="#">关于我们</a></li>
                          <li><a href="#">联系我们</a></li>
                          <li><a href="#">折扣</a></li>
                          <li><a href="#">答疑</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="col-lg-3">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">更多</h5>
                        <ul class="megamenu-list">
                          <li><a href="compare.html">对比</a></li>
                          <li><a href="#">隐私政策</a></li>
                          <li><a href="#">修复中</a></li>
                          <li><a href="#">空白页</a></li>
                          <li><a href="error.html">404 Error</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="col-lg-3">
                      <div class="megamenu-wrap">
                        <h5 class="megamenu-title">用户</h5>
                        <ul class="megamenu-list">
                          <li><a href="wishlist.html">心愿单</a></li>
                          <li><a href="checkout.html">账单</a></li>
                          <li><a href="#">历史</a></li>
                          <li><a href="#">发票</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="col-lg-3">
                      <div class="megamenu-promo"><a href="#"><img src="images/promo/shop/01.jpg" alt="promo"></a></div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="navbar-item dropdown"><a class="navbar-link dropdown-arrow" href="#">账号</a>
              <ul class="dropdown-position-list">
                <li><a href="login.html">登录</a></li>
                <li><a href="register.html">注册</a></li>
                <li><a href="change.html">修改密码</a></li>
                <li><a href="reset.html">重置密码</a></li>
              </ul>
            </li>
            <li class="navbar-item dropdown"><a href="#" style='color:#555'>博客</a></li>
          </ul>
          <div class="navbar-info-group">
            <div class="navbar-info"><i class="icofont-ui-touch-phone"></i>
              <p><small>联系我</small><span>(+86) 187 1182 2776</span></p>
            </div>
            <div class="navbar-info"><i class="icofont-ui-email"></i>
              <p><small>邮箱</small><span>3096264730@qq.com</span></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</nav>
<aside class="category-part">
  <div class="category-container">
    <div class="category-header"><a href="#"><img src="images/logo.png" alt="logo"></a>
      <button class="category-close"><i class="icofont-close"></i></button>
    </div>
    <ul class="category-list">
      <li><a class="cate-link dropdown-link" href="#"><i class="flaticon-vegetable"></i>蔬菜</a>
        <ul class="dropdown-list">
          <li><a href="#">胡萝卜</a></li>
          <li><a href="#">白菜</a></li>
          <li><a href="#">上海青</a></li>
          <li><a href="#">西蓝花</a></li>
        </ul>
      </li>
      <li><a class="cate-link dropdown-link" href="#"><i class="flaticon-groceries"></i>杂货</a>
        <ul class="dropdown-list">
          <li><a href="#">谷物面包</a></li>
          <li><a href="#">鸡蛋</a></li>
          <li><a href="#">食用油</a></li>
        </ul>
      </li>
      <li><a class="cate-link dropdown-link" href="#"><i class="flaticon-fruit"></i>水果 </a>
        <ul class="dropdown-list">
          <li><a href="#">苹果</a></li>
          <li><a href="#">梨子</a></li>
          <li><a href="#">香蕉</a></li>
        </ul>
      </li>
      <li><a class="cate-link dropdown-link" href="#"><i class="flaticon-crab"></i>海鲜 </a>
        <ul class="dropdown-list">
          <li><a href="#">龙虾</a></li>
          <li><a href="#">螃蟹</a></li>
          <li><a href="#">鲍鱼</a></li>
        </ul>
      </li>
      <li><a class="cate-link dropdown-link" href="#"><i class="flaticon-dried-fruit"></i>干粮</a>
        <ul class="dropdown-list">
          <li><a href="#">面条</a></li>
          <li><a href="#">奶粉</a></li>
          <li><a href="#">坚果</a></li>
        </ul>
      </li>
    </ul>
    <div class="category-footer">
      <p>All Rights Reserved by <a href="#">Mironcoder</a></p>
    </div>
  </div>
</aside>
<aside class="cart-part">
  <div class="cart-container">
    <div class="cart-header">
      <div class="cart-total"><i class="icofont-shopping-cart"></i><span>商品总量(5)</span></div>
      <button class="cart-close"><i class="icofont-close"></i></button>
    </div>
    <ul class="cart-list">
      <li class="cart-item">
        <div class="cart-media"><a href="#"><img src="images/product/01.jpg" alt="product"></a>
          <button class="cart-delete"><i class="icofont-bin"></i></button>
        </div>
        <div class="cart-info-group">
          <div class="cart-info">
            <h6><a href="product-details.html">甜椒</a></h6>
            <p>单价-¥7.8</p>
          </div>
          <div class="cart-action-group">
            <div class="product-action">
              <button class="action-minus" title="Quantity Minus"><i class="icofont-minus"></i></button>
              <input class="action-input" title="Quantity Number" type="text" name="quantity" value="1">
              <button class="action-plus" title="Quantity Plus"><i class="icofont-plus"></i></button>
            </div>
            <h6>¥56.98</h6>
          </div>
        </div>
      </li>
      <li class="cart-item">
        <div class="cart-media"><a href="#"><img src="images/product/02.jpg" alt="product"></a>
          <button class="cart-delete"><i class="icofont-bin"></i></button>
        </div>
        <div class="cart-info-group">
          <div class="cart-info">
            <h6><a href="product-details.html">胡萝卜</a></h6>
            <p>单价-¥8.75</p>
          </div>
          <div class="cart-action-group">
            <div class="product-action">
              <button class="action-minus" title="Quantity Minus"><i class="icofont-minus"></i></button>
              <input class="action-input" title="Quantity Number" type="text" name="quantity" value="1">
              <button class="action-plus" title="Quantity Plus"><i class="icofont-plus"></i></button>
            </div>
            <h6>¥56.98</h6>
          </div>
        </div>
      </li>
      <li class="cart-item">
        <div class="cart-media"><a href="#"><img src="images/product/03.jpg" alt="product"></a>
          <button class="cart-delete"><i class="icofont-bin"></i></button>
        </div>
        <div class="cart-info-group">
          <div class="cart-info">
            <h6><a href="product-details.html">黄瓜</a></h6>
            <p>单价-¥8.75</p>
          </div>
          <div class="cart-action-group">
            <div class="product-action">
              <button class="action-minus" title="Quantity Minus"><i class="icofont-minus"></i></button>
              <input class="action-input" title="Quantity Number" type="text" name="quantity" value="1">
              <button class="action-plus" title="Quantity Plus"><i class="icofont-plus"></i></button>
            </div>
            <h6>¥56.98</h6>
          </div>
        </div>
      </li>
      <li class="cart-item">
        <div class="cart-media"><a href="#"><img src="images/product/04.jpg" alt="product"></a>
          <button class="cart-delete"><i class="icofont-bin"></i></button>
        </div>
        <div class="cart-info-group">
          <div class="cart-info">
            <h6><a href="product-details.html">茄子</a></h6>
            <p>单价-¥8.75</p>
          </div>
          <div class="cart-action-group">
            <div class="product-action">
              <button class="action-minus" title="Quantity Minus"><i class="icofont-minus"></i></button>
              <input class="action-input" title="Quantity Number" type="text" name="quantity" value="1">
              <button class="action-plus" title="Quantity Plus"><i class="icofont-plus"></i></button>
            </div>
            <h6>¥56.98</h6>
          </div>
        </div>
      </li>
      <li class="cart-item">
        <div class="cart-media"><a href="#"><img src="images/product/05.jpg" alt="product"></a>
          <button class="cart-delete"><i class="icofont-bin"></i></button>
        </div>
        <div class="cart-info-group">
          <div class="cart-info">
            <h6><a href="product-details.html">莴苣</a></h6>
            <p>单价-¥8.75</p>
          </div>
          <div class="cart-action-group">
            <div class="product-action">
              <button class="action-minus" title="Quantity Minus"><i class="icofont-minus"></i></button>
              <input class="action-input" title="Quantity Number" type="text" name="quantity" value="1">
              <button class="action-plus" title="Quantity Plus"><i class="icofont-plus"></i></button>
            </div>
            <h6>¥56.98</h6>
          </div>
        </div>
      </li>
    </ul>
    <div class="cart-footer">
      <button class="coupon-btn">有优惠码?</button>
      <form class="coupon-form">
        <input type="text" placeholder="输入优惠码">
        <button type="submit"><span>使用</span></button>
      </form>
      <a class="cart-checkout-btn" href="checkout.html"><span class="checkout-label">立即支付</span><span class="checkout-price">¥369.78</span></a></div>
  </div>
</aside>
<aside class="mobile-nav">
  <div class="nav-container">
    <div class="nav-header"><a href="#"><img src="images/logo.png" alt="logo"></a>
      <button class="nav-close"><i class="icofont-close"></i></button>
    </div>
    <div class="nav-content">
      <div class="nav-profile"><a class="nav-user" href="#"><img src="images/user.png" alt="user"></a>
        <h4 class="nav-name"><a href="login.html">点击登录</a></h4>
      </div>
      <div class="nav-select-group">
        <div class="nav-select"><i class="icofont-world"></i>
          <select class="select">
              <option value="Chinese" selected>简体中文</option>
              <option value="english">english</option>
            </select>
        </div>
        <div class="nav-select"><i class="icofont-money"></i>
          <select class="select">
              <option value="Chinese" selected>人民币</option>
              <option value="english" >doller</option>
            </select>
        </div>
      </div>
      <ul class="nav-list">
        <li><a class="nav-link dropdown-link" href="#"><i class="icofont-home"></i>首页 </a>
          <ul class="dropdown-list">
            <li><a href="index.html">首页</a></li>
            <li><a href="#">经典布局</a></li>
            <li><a href="#">栅格布局</a></li>
            <li><a href="#">仓库</a></li>
          </ul>
        </li>
        <li><a class="nav-link dropdown-link" href="#"><i class="icofont-food-cart"></i>商店</a>
          <ul class="dropdown-list">
            <li><a href="#">商铺注册</a></li>
            <li><a href="#">入驻标准</a></li>
          </ul>
        </li>
        <li><a class="nav-link dropdown-link" href="#"><i class="icofont-page"></i>其他</a>
          <ul class="dropdown-list">
            <li><a href="compare.html">对比</a></li>
            <li><a href="#">隐私政策</a></li>
            <li><a href="#">修复中</a></li>
            <li><a href="#">空白页</a></li>
            <li><a href="error.html">404 Error</a></li>
          </ul>
        </li>
        <li><a class="nav-link dropdown-link" href="#"><i class="icofont-bag-alt"></i>平台相关</a>
          <ul class="dropdown-list">
            <li><a href="#">简介</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">折扣</a></li>
            <li><a href="#">答疑</a></li>
          </ul>
        </li>
        <li><a class="nav-link dropdown-link" href="#"><i class="icofont-lock"></i>账户</a>
          <ul class="dropdown-list">
            <li><a href="login.html">登录</a></li>
           <li><a href="register.html">注册</a></li>
           <li><a href="change.html">修改密码</a></li>
           <li><a href="reset.html">重置密码</a></li>
          </ul>
        </li>
        <li><a class="nav-link dropdown-link" href="#"><i class="icofont-book-alt"></i>博客</a>
        </li>
        <li><a class="nav-link" href="offer.html"><i class="icofont-sale-discount"></i>折扣 </a></li>
        <li><a class="nav-link" href="#"><i class="icofont-user-alt-3"></i>简介</a></li>
        <li><a class="nav-link" href="wishlist.html"><i class="icofont-heart"></i>心愿单</a></li>
        <li><a class="nav-link" href="#"><i class="icofont-checked"></i>订单</a></li>
        <li><a class="nav-link" href="#"><i class="icofont-settings"></i>历史</a></li>
        <li><a class="nav-link" href="#"><i class="icofont-question-circle"></i>需要帮助 </a></li>
        <li><a class="nav-link" href="#"><i class="icofont-contacts"></i>联系我们</a></li>
        <li><a class="nav-link" href="login.html"><i class="icofont-logout"></i>登出</a></li>
      </ul>
      <div class="nav-info-group">
        <div class="nav-info"><i class="icofont-ui-touch-phone"></i>
          <p><small>联系方式</small><span>(+86) 187 1182 2776</span></p>
        </div>
        <div class="nav-info"><i class="icofont-ui-email"></i>
          <p><small>邮箱</small><span>3096264730@qq.com</span></p>
        </div>
      </div>
      <div class="nav-footer">
        <p>All Rights Reserved by <a href="#">Mironcoder</a></p>
      </div>
    </div>
  </div>
</aside>
<menu class="mobile-menu"><a href="index.html" title="首页"><i class="icofont-ui-home"></i><span>首页</span></a>
  <button class="cate-btn" title="Category List"><i class="icofont-listine-dots"></i><span>分类</span></button>
  <button class="cart-btn" title="Cartlist"><i class="icofont-shopping-cart"></i><span>购物车</span><sup>9+</sup></button>
  <a href="wishlist.html" title="Wishlist"><i class="icofont-ui-love"></i><span>心愿单</span><sup>0</sup></a><a href="#" title="#"><i class="icofont-ui-rotation"></i><span>差价</span><sup>0</sup></a></menu>
<div class="modal fade" id="product-view">
  <div class="modal-dialog">
    <div class="modal-content">
      <button class="modal-close icofont-close" data-bs-dismiss="modal"></button>
      <div class="product-view">
        <div class="row">
          <div class="col-md-6 col-lg-6">
            <div class="view-gallery">
              <div class="view-label-group">
                <label class="view-label new">new</label>
                <label class="view-label off">-10%</label>
              </div>
              <ul class="preview-slider slider-arrow">
                <li><img src="images/product/01.jpg" alt="product"></li>
                <li><img src="images/product/01.jpg" alt="product"></li>
                <li><img src="images/product/01.jpg" alt="product"></li>
                <li><img src="images/product/01.jpg" alt="product"></li>
                <li><img src="images/product/01.jpg" alt="product"></li>
                <li><img src="images/product/01.jpg" alt="product"></li>
                <li><img src="images/product/01.jpg" alt="product"></li>
              </ul>
              <ul class="thumb-slider">
                <li><img src="images/product/01.jpg" alt="product"></li>
                <li><img src="images/product/01.jpg" alt="product"></li>
                <li><img src="images/product/01.jpg" alt="product"></li>
                <li><img src="images/product/01.jpg" alt="product"></li>
                <li><img src="images/product/01.jpg" alt="product"></li>
                <li><img src="images/product/01.jpg" alt="product"></li>
                <li><img src="images/product/01.jpg" alt="product"></li>
              </ul>
            </div>
          </div>
          <div class="col-md-6 col-lg-6">
            <div class="view-details">
              <h3 class="view-name"><a href="product-details.html">existing product name</a></h3>
              <div class="view-meta">
                <p>SKU:<span>1234567</span></p>
                <p>BRAND:<a href="#">radhuni</a></p>
              </div>
              <div class="view-rating"><i class="active icofont-star"></i><i class="active icofont-star"></i><i class="active icofont-star"></i><i class="active icofont-star"></i><i class="icofont-star"></i><a href="product-details.html">(3 reviews)</a></div>
              <h3 class="view-price"><del>$38.00</del><span>$24.00 <small>/per kilo</small></span></h3>
              <p class="view-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit non tempora magni repudiandae sint suscipit tempore quis maxime explicabo veniam eos reprehenderit fuga</p>
              <div class="view-list-group">
                <label class="view-list-title">tags:</label>
                <ul class="view-tag-list">
                  <li><a href="#">organic</a></li>
                  <li><a href="#">vegetable</a></li>
                  <li><a href="#">chilis</a></li>
                </ul>
              </div>
              <div class="view-list-group">
                <label class="view-list-title">Share:</label>
                <ul class="view-share-list">
                  <li><a href="#" class="icofont-facebook" title="Facebook"></a></li>
                  <li><a href="#" class="icofont-twitter" title="Twitter"></a></li>
                  <li><a href="#" class="icofont-linkedin" title="Linkedin"></a></li>
                  <li><a href="#" class="icofont-instagram" title="Instagram"></a></li>
                </ul>
              </div>
              <div class="view-add-group">
                <button class="product-add" title="Add to Cart"><i class="icofont-cart"></i><span>add to cart</span></button>
                <div class="product-action">
                  <button class="action-minus" title="Quantity Minus"><i class="icofont-minus"></i></button>
                  <input class="action-input" title="Quantity Number" type="text" name="quantity" value="1">
                  <button class="action-plus" title="Quantity Plus"><i class="icofont-plus"></i></button>
                </div>
              </div>
              <div class="view-action-group"><a class="view-wish wish" href="#" title="Add Your Wishlist"><i class="icofont-heart"></i><span>add to wish</span></a><a class="view-compare" href="compare.html" title="Compare This Item"><i class="icofont-ui-rotation"></i><span>Compare This</span></a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<section class="inner-section single-banner">
  <div class="container">
    <h2>心愿单</h2>
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="index.html">首页</a></li>
      <li class="breadcrumb-item active" aria-current="page">心愿单</li>
    </ol>
  </div>
</section>
<section class="inner-section wishlist-part">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="table-scroll">
          <table class="table-list">
            <thead>
              <tr>
                <th scope="col">序号</th>
                <th scope="col">商品</th>
                <th scope="col">名称</th>
                <th scope="col">价格</th>
                <th scope="col">详细信息</th>
                <th scope="col">状态</th>
                <th scope="col">购买</th>
                <th scope="col">请选择</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="table-serial"><h6>01</h6></td>
                <td class="table-image"><img src="images/product/01.jpg" alt="product"></td>
                <td class="table-name"><h6>甜椒</h6></td>
                <td class="table-price"><h6>¥19 <small>/公斤</small></h6></td>
                <td class="table-desc"><p>又甜又营养 食品健康 均衡饮食<a href="product-details.html">查看更多</a></p></td>
                <td class="table-status"><h6 class="stock-out">售罄</h6></td>
                <td class="table-shop"><button class="product-add" title="Add to Cart">加入购物车</button>
                  <div class="product-action">
                    <button class="action-minus" title="Quantity Minus"><i class="icofont-minus"></i></button>
                    <input class="action-input" title="Quantity Number" type="text" name="quantity" value="1">
                    <button class="action-plus" title="Quantity Plus"><i class="icofont-plus"></i></button>
                  </div></td>
                <td class="table-action"><a class="view" href="#" title="Quick View" data-bs-toggle="modal" data-bs-target="#product-view"><i class="icofont-eye-alt"></i></a><a class="trash" href="#" title="Remove Wishlist"><i class="icofont-trash"></i></a></td>
              </tr>
              <tr>
                <td class="table-serial"><h6>02</h6></td>
                <td class="table-image"><img src="images/product/02.jpg" alt="product"></td>
                <td class="table-name"><h6>胡萝卜</h6></td>
                <td class="table-price"><h6>¥19 <small>/公斤</small></h6></td>
                <td class="table-desc"><p>又甜又营养 食品健康 均衡饮食<a href="product-details.html">查看更多</a></p></td>
                <td class="table-status"><h6 class="stock-in">在售</h6></td>
                <td class="table-shop"><button class="product-add" title="Add to Cart">加入购物车</button>
                  <div class="product-action">
                    <button class="action-minus" title="Quantity Minus"><i class="icofont-minus"></i></button>
                    <input class="action-input" title="Quantity Number" type="text" name="quantity" value="1">
                    <button class="action-plus" title="Quantity Plus"><i class="icofont-plus"></i></button>
                  </div></td>
                <td class="table-action"><a class="view" href="#" title="Quick View" data-bs-toggle="modal" data-bs-target="#product-view"><i class="icofont-eye-alt"></i></a><a class="trash" href="#" title="Remove Wishlist"><i class="icofont-trash"></i></a></td>
              </tr>
              <tr>
                <td class="table-serial"><h6>03</h6></td>
                <td class="table-image"><img src="images/product/03.jpg" alt="product"></td>
                <td class="table-name"><h6>黄瓜</h6></td>
                <td class="table-price"><h6>¥19 <small>/公斤</small></h6></td>
                <td class="table-desc"><p>又甜又营养 食品健康 均衡饮食<a href="product-details.html">查看更多</a></p></td>
                <td class="table-status"><h6 class="stock-in">在售</h6></td>
                <td class="table-shop"><button class="product-add" title="Add to Cart">加入购物车</button>
                  <div class="product-action">
                    <button class="action-minus" title="Quantity Minus"><i class="icofont-minus"></i></button>
                    <input class="action-input" title="Quantity Number" type="text" name="quantity" value="1">
                    <button class="action-plus" title="Quantity Plus"><i class="icofont-plus"></i></button>
                  </div></td>
                <td class="table-action"><a class="view" href="#" title="Quick View" data-bs-toggle="modal" data-bs-target="#product-view"><i class="icofont-eye-alt"></i></a><a class="trash" href="#" title="Remove Wishlist"><i class="icofont-trash"></i></a></td>
              </tr>
              <tr>
                <td class="table-serial"><h6>04</h6></td>
                <td class="table-image"><img src="images/product/04.jpg" alt="product"></td>
                <td class="table-name"><h6>茄子</h6></td>
                <td class="table-price"><h6>¥19 <small>/公斤</small></h6></td>
                <td class="table-desc"><p>又甜又营养 食品健康 均衡饮食<a href="product-details.html">查看更多</a></p></td>
                <td class="table-status"><h6 class="stock-in">在售</h6></td>
                <td class="table-shop"><button class="product-add" title="Add to Cart">加入购物车</button>
                  <div class="product-action">
                    <button class="action-minus" title="Quantity Minus"><i class="icofont-minus"></i></button>
                    <input class="action-input" title="Quantity Number" type="text" name="quantity" value="1">
                    <button class="action-plus" title="Quantity Plus"><i class="icofont-plus"></i></button>
                  </div></td>
                <td class="table-action"><a class="view" href="#" title="Quick View" data-bs-toggle="modal" data-bs-target="#product-view"><i class="icofont-eye-alt"></i></a><a class="trash" href="#" title="Remove Wishlist"><i class="icofont-trash"></i></a></td>
              </tr>
              <tr>
                <td class="table-serial"><h6>05</h6></td>
                <td class="table-image"><img src="images/product/05.jpg" alt="product"></td>
                <td class="table-name"><h6>莴苣</h6></td>
                <td class="table-price"><h6>¥19 <small>/公斤</small></h6></td>
                <td class="table-desc"><p>又甜又营养 食品健康 均衡饮食<a href="product-details.html">查看更多</a></p></td>
                <td class="table-status"><h6 class="stock-in">在售</h6></td>
                <td class="table-shop"><button class="product-add" title="Add to Cart">加入购物车</button>
                  <div class="product-action">
                    <button class="action-minus" title="Quantity Minus"><i class="icofont-minus"></i></button>
                    <input class="action-input" title="Quantity Number" type="text" name="quantity" value="1">
                    <button class="action-plus" title="Quantity Plus"><i class="icofont-plus"></i></button>
                  </div></td>
                <td class="table-action"><a class="view" href="#" title="Quick View" data-bs-toggle="modal" data-bs-target="#product-view"><i class="icofont-eye-alt"></i></a><a class="trash" href="#" title="Remove Wishlist"><i class="icofont-trash"></i></a></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <div class="text-center mt-5">
          <button class="btn btn-outline">加载更多</button>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="news-part">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-5 col-lg-6 col-xl-7">
        <div class="news-text">
          <h2>订阅我们任意商品打八折</h2>
          <p>快来关注</p>
        </div>
      </div>
      <div class="col-md-7 col-lg-6 col-xl-5">
        <form class="news-form">
          <input type="text" placeholder="邮箱">
          <button><span><i class="icofont-ui-email"></i>订阅</span></button>
        </form>
      </div>
    </div>
  </div>
</section>
<section class="visual-part">
  <div class="container">
    <div class="row">
      <div class="col-sm-6 col-lg-3">
        <div class="visual-wrap">
          <div class="visual-icon"><i class="icofont-vehicle-delivery-van"></i></div>
          <div class="visual-content">
            <h5>免费配送</h5>
            <p>免费配送，一键直达</p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3">
        <div class="visual-wrap">
          <div class="visual-icon"><i class="icofont-retweet"></i></div>
          <div class="visual-content">
            <h5>24h无理由退换</h5>
            <p>注重客户体验</p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3">
        <div class="visual-wrap">
          <div class="visual-icon"><i class="icofont-support"></i></div>
          <div class="visual-content">
            <h5>人工客服</h5>
            <p>人工客服24h在线</p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3">
        <div class="visual-wrap">
          <div class="visual-icon"><i class="icofont-ssl-security"></i></div>
          <div class="visual-content">
            <h5>安全支付</h5>
            <p>安全支付，放心买</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<footer class="footer-part">
  <div class="container">
    <div class="row">
      <div class="col-sm-6 col-xl-3">
        <div class="footer-widget"><a class="footer-logo" href="#"><img src="images/logo.png" alt="logo"></a>
          <p class="footer-desc">享你所想</p>
          <ul class="footer-social">
            <li><a class="icofont-facebook" href="#"></a></li>
            <li><a class="icofont-twitter" href="#"></a></li>
            <li><a class="icofont-linkedin" href="#"></a></li>
            <li><a class="icofont-instagram" href="#"></a></li>
            <li><a class="icofont-pinterest" href="#"></a></li>
          </ul>
        </div>
      </div>
      <div class="col-sm-6 col-xl-3">
        <div class="footer-widget contact">
          <h3 class="footer-title">联系我们</h3>
          <ul class="footer-contact">
            <li><i class="icofont-ui-email"></i>
              <p><span>3096264730@qq.com</span><span>3096264730@qq.com</span></p>
            </li>
            <li><i class="icofont-ui-touch-phone"></i>
              <p><span>(+86) 187 1182 2776</span><span>(+86) 187 1182 2776</span></p>
            </li>
            <li><i class="icofont-location-pin"></i>
              <p>长沙理工大学云塘校区甘怡园</p>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-sm-6 col-xl-3">
        <div class="footer-widget">
          <h3 class="footer-title">快速链接</h3>
          <div class="footer-links">
            <ul>
              <li><a href="#">我的账户</a></li>
              <li><a href="#">历史订单</a></li>
              <li><a href="#">浏览记录</a></li>
              <li><a href="#">畅销榜</a></li>
            </ul>
            <ul>
              <li><a href="#">位置</a></li>
              <li><a href="#">合同</a></li>
              <li><a href="#">指南</a></li>
              <li><a href="#">问题反馈</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-xl-3">
        <div class="footer-widget">
          <h3 class="footer-title">下载app</h3>
          <p class="footer-desc">app更方便</p>
          <div class="footer-app"><a href="#"><img src="images/google-store.png" alt="google"></a><a href="#"><img src="images/app-store.png" alt="app"></a></div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-12">
        <div class="footer-bottom">
          <p class="footer-copytext">&copy;All Copyrights Reserved by <a href="http://www.jq22.com/">jq22</a>Mironcoder</p>
          <div class="footer-card"><a href="#"><img src="images/payment/jpg/01.jpg" alt="payment"></a><a href="#"><img src="images/payment/jpg/02.jpg" alt="payment"></a><a href="#"><img src="images/payment/jpg/03.jpg" alt="payment"></a><a href="#"><img src="images/payment/jpg/04.jpg" alt="payment"></a></div>
        </div>
      </div>
    </div>
  </div>
</footer>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script><script src="js/vendor/popper.min.js"></script><script src="https://www.jq22.com/jquery/bootstrap-5.0.0.js"></script><script src="js/vendor/nice-select.min.js"></script><script src="js/vendor/venobox.min.js"></script><script src="https://www.jq22.com/jquery/jquery-ui-1.11.0.js"></script><script src="js/vendor/slick.min.js"></script><script src="js/custom/nice-select.js"></script><script src="js/custom/price-range.js"></script><script src="js/custom/accordion.js"></script><script src="js/custom/venobox.js"></script><script src="js/custom/slick.js"></script><script src="js/custom/main.js"></script>
</body>
</html>